<template>
	<div class="school">
		<h2>学校姓名:{{name}}</h2>
		<h2>学校地址:{{address}}</h2>
	</div>
</template>

<script>
	import pubsub from "pubsub-js" // eslint-disable-line no-unused-vars
	export default {
		name:"School",
		data(){ 
			return {
				name:"尚硅谷",
				address:"北京"		
			}
		},
		methods:{
			demo(msgName,value){ // eslint-disable-line no-unused-vars
				console.log("有人发布了hello消息，hello 消息的回调执行了",msgName,value)
			}
		},
		mounted() {
			// this.$bus.$on("hello",(data)=>{
			// 	console.log("我是School组件，收到数据",data)
			// })
			this.pubId = pubsub.subscribe('hello',this.demo)
		},
		// 组件销毁后，将事件进行解绑
		beforeDestroy() {
			// this.$bus.$off("hello")
			pubsub.unsubscribe(this.pubId)
		}
	}
</script>
	
<style scoped="scoped">
.school{
	background-color: aqua;
}
</style>
